body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;

}
*{font-family:微软雅黑;}
@font-face {
  font-family: "HYJunHei-CEJ";
  src: url("../fonts/HYJunHei-CEJ.woff2") format("woff2"),
       url("../fonts/HYJunHei-CEJ.woff") format("woff"),
       url("../fonts/HYJunHei-CEJ.ttf") format("truetype"),
       url("../fonts/HYJunHei-CEJ.eot") format("embedded-opentype"),
       url("../fonts/HYJunHei-CEJ.svg") format("svg");
}
@font-face {
  font-family: "hklhj";
  src: url("../fonts/hklhj.woff2") format("woff2"),
       url("../fonts/hklhj.woff") format("woff"),
       url("../fonts/hklhj.ttf") format("truetype"),
       url("../fonts/hklhj.eot") format("embedded-opentype"),
       url("../fonts/hklhj.svg") format("svg");
}


textarea{outline:none;}



input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none;}
input{ outline:none;}




.test-1::-webkit-scrollbar {/*滚动条整体样式*/

        width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px;

    }

.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 2px;

         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #d33742;

    }

.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/

        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        border-radius: 2px;

        background: #EDEDED;

}

dl,dt,dd,li,p,ul,h,h1,h2,h3,h4,h5,b{ margin:0px; padding:0px; font-weight:normal;}
li {list-style-type:none;}
img{border:none;border:0;vertical-align:middle;}
span,em,i,b{
	font-style: normal;
}

.q1{ width:100%; overflow:hidden; text-align:center;}
.q1 img{ width:100%; height:100vh; object-fit: cover;}
.q2{
	width:100%;
	top:0px;
	left:0px;
	position:fixed;
	z-index:999999;
	
}
.q3{ width:95%; margin:0 auto;}
.q4{ float:left; padding-top:23px;}


.q5{ float:left; }
.q5 li{ float:left; margin-right:50px;position: relative;}
.q5 dl{ line-height:90px; font-size:17px;font-family: "HYJunHei-CEJ"; color:#fff; font-weight:bolder; cursor:pointer;}
.q5 dt{position:absolute; display:none; top:88px; left:-35%; z-index:99999; background-color:#fafafa; width:170%;}
.q5 li:hover dl{
	color:#ff0000;
	background-image: url(../images/bbb.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.q5 p{ text-align:center; font-size:14px; color:#333; cursor:pointer; padding-bottom:11px; padding-top:11px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q5 .q05{color:#ff0000;
	background-image: url(../images/bbb.png);
	background-repeat: repeat-x;
	background-position: left bottom;}
.q5 li:hover dt{ display:block;}
.q5 p:hover{ background-color:#ececec;}
@media screen and (max-width: 1500px) {
.q3{ width:97%; margin:0 auto;}
.q5 li{ float:left; margin-right:30px;position: relative;}
}

.q6{ float:right;}
.q7{ float:left; margin-left:4vh; line-height:40px; height:40px; overflow:hidden; background-color:rgba(255, 255, 255, 0.3); border-radius:30px; color:#FFFFFF; box-sizing:border-box; padding-left:15px; padding-right:15px; margin-top:25px;font-family:'DINPro';}
.q7 span{ display:inline-block; font-size:24px; float:left; margin-right:5px;}
.q7 em{ display:inline-block; font-size:20px; margin-left:5px; margin-right:5px; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-top:2px;}
.q7 e{ display:inline-block; font-size:24px; float:left;}
@media screen and (max-width: 1440px) {
.q7{ margin-left:2vh;}
}
@media screen and (max-width: 1700px) {
.q7{ display:none;}
}

.q8{ float:right; margin-top:20px;position: relative; margin-left:30px;}
.q8 li{ line-height:50px; height:50px; font-size:18px; color:#FFFFFF;font-family: "HYJunHei-CEJ"; font-weight:bolder; cursor:pointer;}
.q8 span{ display:inline-block; font-size:18px; margin-left:5px; font-weight:normal;}
.q8 dl{position:absolute; top:50px; left:0px; background-color:#FFFFFF; width:120%; display:none;}
.q8 em{ display:inline-block; font-size:18px; margin-right:5px; font-weight:normal;}
.q8:hover dl{ display:block;}
.q8 p{ font-size:16px; color:#333333; line-height:30px; margin-left:5px; cursor:pointer; font-family:Arial, Helvetica, sans-serif;}
.q9{ background-color:#222222; overflow:hidden; overflow:hidden;}
.q10{
	width:90%;
	margin:0 auto;
	overflow:hidden; padding-bottom:50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.1); padding-top:20px;
}
.q11{ float:left; padding-top:50px;}
.q11 img{ margin-bottom:30px;}
.q11 ul{ font-size:14px; color:#ccc; line-height:180%; margin-top:10px;}
.q11 span{ display:inline-block;font-family:'DINPro'; font-size:22px; color:#FFFFFF;}
.q11 em{ display:inline-block; float:left;font-size:14px; color:#ccc;}
.q12{ float:right; margin-top:50px;}
.q12 li{ float:left; margin-left:55px;}
.q12 dl{ font-size:16px; color:#FFFFFF; font-weight:bolder; margin-bottom:10px;font-family: "HYJunHei-CEJ";}
.q12 p{ font-size:14px; color:#CCCCCC; cursor:pointer; line-height:30px;font-family: "HYJunHei-CEJ";}
.q12 p:hover{
	text-decoration: underline;
}
.q12 img{ width:110px;}
.q12 dt{ float:left; margin-left:20px;}
.q12 ul{ text-align:center; font-size:14px; color:#FFFFFF; margin-top:10px;}
.q12 .q14{ margin-left:60px;}
@media screen and (max-width: 1650px) {
.q12 dt{ display:none;}
}
.q13{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:30px; padding-top:30px;}
.q13 dl{ font-size:14px; color:#CCCCCC; float:left; padding-top:10px;}
.q13 dl a{ margin-right:7px;}
.q13 dt{ font-size:14px; color:#CCCCCC; float:right; text-align:right; line-height:200%;}
#header{border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.1);}
#header.xg{ background-color:rgba(0, 0, 0, 0.6);border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.1);}

.q15{
	background-image:url(../images/about_02.png);
	background-repeat: no-repeat;background-size: cover; padding-bottom:50px;
	background-position: center bottom;
}
.q16{ width:80%; margin:0 auto; overflow:hidden; margin-top:60px;}
@media screen and (max-width: 1500px) {
.q16{ width:90%;}
}
.q17{ float:left; width:55%; padding-top:0px;}
.q18{ overflow:hidden;}
.q18 dl{ font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
.q18 span{ display:inline-block; font-size:18px; color:#999999; float:left;}
.q18 em{ display:inline-block; width:30px; height:1px; background-color:#294787; margin-left:10px; float:left; margin-top:15px;}
.q18 p{ font-size:30px; color:#294787;  font-weight:bolder; margin-top:10px;}
.q19{ overflow:hidden; margin-top:20px; text-align:justify; font-size:16px; color:#333; line-height:180%;}
.q19 p{ margin-top:15px;}
.q20{ margin-top:40px; overflow:hidden;}
.q20 span{
	display:inline-block;
	background-color:#294787;
	line-height:50px;
	padding-left:35px;
	padding-right:35px;
	font-size:16px;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.q20 em{ display:inline-block; font-size:28px; margin-left:10px; float:right;}
.q20 span:hover{ padding-left:45px; padding-right:45px;}
.q21{ float:right; width:40%; margin-top:40px;}
.q22{ overflow:hidden; margin-top:40px;}
.q22 li{ float:left; margin-right:40px; cursor:pointer;}
.q22 span{
	display:inline-block;
	width:60px;
	height:60px;
	text-align: center; box-sizing:border-box;
	line-height:60px; border-radius:100px; font-size:30px;
	border: 1px solid #294787; background-color:#FFFFFF; color:#294787; float:left; margin-right:13px;
}
.q22 dl{
	float:left;
	font-size:14px;
	color:#666666;
	margin-top:3px;
	text-transform: uppercase;
}
.q22 p{ font-size:20px; color:#000000; font-weight:bolder; margin-bottom:7px;}
.q23{ text-align:center; overflow:hidden; margin-top:60px;}
.q23 dl{ font-size:35px; color:#333; font-weight:bolder;}
.q23 span{ color:#294787; display:inline-block; font-weight:bolder;}
.q23 dt{
	font-size:20px;
	color:#666666;
	padding-top:15px;
	padding-bottom:15px;font-family:'DINPro';
	text-transform: uppercase;
}
.q23:after {content: '';display: inline-block;width: 94px;height: 3px;background: url(/images/ttt.png) no-repeat center;-webkit-animation: 'flymove' 5s linear infinite;-moz-animation: 'flymove' 5s linear infinite;-ms-animation: 'flymove' 5s linear infinite;}

@-webkit-keyframes flymove{
            from{background-position:-94px 0px;}
            to{background-position:0 0;}
        }

.q24{
	background-image:url(../images/pb_05.png);
	overflow:hidden;
	background-repeat: repeat-x;
	background-position: left top; margin-top:50px;
}
.q25{ width:80%; margin:0 auto; overflow:hidden; margin-top:60px;position: relative;}
.q25 dl{ font-size:35px; color:#294787; font-weight:bolder;}
.q25 span{ display:inline-block; width:40px; height:4px; background-color:#294787;}
.q25 dt{
	font-size:18px;
	color:#666666;
	padding-top:15px;
	padding-bottom:15px;font-family:'DINPro';
	text-transform: capitalize;
}
.q25 em{
	position:absolute;
	right:0px;
	bottom:0px;
	display:inline-block;
	line-height:35px;
	padding-left:15px; background-color:#FFFFFF;
	padding-right:15px; color:#294787;
	border: 2px solid #294787; font-size:14px; cursor:pointer; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q25 e{ display:inline-block; margin-left:5px; color:#25377f; font-size:16px; float:right; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q25 em:hover{ background-color:#294787; color:#FFFFFF;}
.q25 em:hover e{ color:#FFFFFF;}
@media screen and (max-width: 1500px) {
.q25{ width:90%;}
}
.q26{ width:80%; margin:0 auto; overflow:hidden; margin-top:40px;}
@media screen and (max-width: 1500px) {
.q26{ width:90%;}
}
.q27{ float:left; width:45%; margin-top:20px;}
.q27 li{ background-color:#FFFFFF;}
.q27 li:nth-child(2n){ margin-right:0;}
.q27 dl{ width:100%; height:350px; overflow:hidden;}
.q27 img{ width:100%; height:350px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q27 li:hover img{transform: scale(1.2, 1.2);}
.q27 ul{ padding:20px; overflow:hidden;  box-sizing:border-box;}
.q27 dt{ overflow:hidden;}
.q27 span{ display:inline-block; float:left; font-size:16px; color:#274380;}
.q27 h2{ float:right; font-size:14px; color:#666666;}
.q27 em{ display:inline-block; font-size:14px; color:#274380; margin-left:3px;}
.q27 p{ font-size:24px; cursor:pointer;  font-family: "HYJunHei-CEJ"; font-weight:bolder; color:#333333; margin-top:20px;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q27 p:hover{ color:#274380;}
.q27 dd{ margin-top:15px; font-size:14px; color:#666666; line-height:180%; text-align:justify;}
.q28{
	background-image:url(../images/tm-bg1.png);
	background-repeat: no-repeat;
	overflow:hidden;
	background-position: center bottom;
	padding-bottom:70px;
	margin-top:0px;background-size: cover;
}
.q29{ float:right; width:53%; margin-top:0px;}
.q29 li{ background-color:#FFFFFF; float:left; width:48%; margin-right:4%; margin-top:20px;}
.q29 li:nth-child(2n){ margin-right:0;}
.q29 dl{ width:100%; height:130px; overflow:hidden;}
.q29 img{ width:100%; height:130px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q29 li:hover img{transform: scale(1.2, 1.2);}
.q29 ul{ padding:20px; overflow:hidden; box-sizing:border-box;}
.q29 dt{ overflow:hidden; margin-top:15px;}
.q29 span{ display:inline-block; float:left; font-size:14px; color:#274380;}
.q29 h2{ float:right; font-size:12px; color:#666666;}
.q29 em{ display:inline-block; font-size:12px; color:#274380; margin-left:3px;}
.q29 p{ font-size:18px; cursor:pointer;  font-family: "HYJunHei-CEJ"; font-weight:bolder; color:#333333; margin-top:0px;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q29 p:hover{ color:#274380;}
.q29 dd{ margin-top:15px; font-size:14px; color:#666666; line-height:180%; text-align:justify;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q30{ overflow:hidden;}
.q30 li{
	float:left;
	width:23%; box-sizing:border-box; background-color:#FFFFFF;
	margin-right:2.66666%; margin-top:40px;
	border: 1px solid #eeeeee;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q30 li:nth-child(4n){ margin-right:0;}
.q30 dl{ width:100%; height:35vh;display: table; overflow:hidden;}
.q30 dt{display:table-cell; 
            vertical-align:middle; width:100%; height:35vh; text-align:center;}
.q30 img{ max-width:100%; max-height:35vh; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q30 p{ background-color:#eeeeee; line-height:50px; text-align:center; font-size:18px; color:#333333;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q30 li:hover{border: 1px solid #274380;}
.q30 li:hover p{ background-color:#274380; color:#FFFFFF;}
.q30 li:hover img{transform: scale(1.2, 1.2);}
.q31{ overflow:hidden;}
.q31 li{ float:left; width:360px; overflow:hidden;position: relative;}
.q31 img{ width:100%; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q31 li:hover img{transform: scale(1.2, 1.2);}
.q31 li:hover dl{ bottom:0px;}
.q31 ul{ overflow:hidden;}
.q31 dt{ width:360px; position:absolute; top:0px; left:0px; height:100%; background-color:rgba(0, 0, 0, 0.6); display:none; text-align:center;}
.q31 li:hover dt{ display:block;}
.q31 p{font-family: "HYJunHei-CEJ"; font-weight:bolder; font-size:28px; color:#FFFFFF; margin-top:15vh;}
.q31 dl{ padding:3vh; overflow:hidden; font-size:16px; color:#FFFFFF; line-height:180%; text-align:justify;}
.q32{ height:40px; overflow:hidden;}
.hb-s{ width:1400px; margin:0 auto; overflow:hidden; margin-top:50px;}
.q34{ float:left; width:50px; line-height:100px;}
.q34 span{ display:inline-block; font-size:25px; color:#999;}
.q34 em{ float:right; display:inline-block; font-size:25px; color:#999;}
.q34 span:hover{ color:#26427e;}
.q34 em:hover{ color:#26427e;}
.hb{ float:left; width:1300px; overflow:hidden;}
.hb ul{ width:100%;}
.hb li{
	width:245px;
	float:left; background-color:#FFFFFF;
	margin-right:20px;display: table; text-align:center; height:100px; box-sizing:border-box;
	border: 0px solid #CCCCCC; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.hb dl{ width:100%; height:100px; text-align:center;display:table-cell; 
            vertical-align:middle;}
.hb img{ max-width:90%; max-height:80px;}
.hb li:hover{border: 0px solid #294787;}
.q36{ background-color:#f3f3f3; overflow:hidden; padding-bottom:70px;}
.q37{ width:80%; margin:0 auto; margin-top:60px;}
.q37 li{ float:left; width:18%; margin-right:2.5%; background-color:#FFFFFF; padding:20px; box-sizing:border-box; text-align:right; box-shadow: 0 0 10px #ebebeb;}
.q37 li:nth-child(5n){ margin-right:0;}
.q37 span{ display:inline-block; font-size:40px; color:#CCCCCC;}
.q37 dl{ margin-top:10px; font-size:42px; color:#333333;font-family:'Impact'; text-align:left;}
.q37 dt{ margin-top:10px; font-size:14px; font-family: "HYJunHei-CEJ"; color:#666666; text-align:left;}
.q37 em{ display:inline-block; font-size:16px; margin-left:10px;}
@media screen and (max-width: 1500px) {
.q37{ width:90%;}
}
.q38{
	background-image:url(../images/ys.jpg);background-size: cover;
	overflow:hidden;
	background-position: center center; margin-top:70px; padding-bottom:150px; padding-top:100px;
}
.q39{ width:1400px; margin:0 auto; overflow:hidden;}
.q40{ width:45%;}
.q41{ overflow:hidden;}
.q41 dl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#e7e7e7;
	text-transform: capitalize; padding-bottom:20px;
}
.q41 span{ display:inline-block; width:50px; height:1px; background-color:#e7e7e7; margin-left:10px;}
.q41 p{ font-size:38px; color:#FFFFFF; font-weight:bolder; margin-top:10px;}
.q41 dt{ text-align:justify; font-size:18px; margin-top:50px; color:#fff; line-height:200%; height:100px;}
.q42{ width:80%; margin:0 auto; }
.q42 li{ overflow:hidden; padding:35px; background-color:#FFFFFF; border-radius:7px; margin-top:30px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q42 dl{ width:30%; height:30vh; overflow:hidden; float:left;}
.q42 img{ width:100%; height:30vh; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q42 li:hover img{transform: scale(1.2, 1.2);}
.q42 ul{ float:right; width:66%; overflow:hidden; padding-top:2vh;}
.q42 h2{ font-size:16px; color:#666666; font-family: "HYJunHei-CEJ";}
.q42 p{ margin-top:20px; cursor:pointer; font-family: "HYJunHei-CEJ"; font-weight:bolder; color:#333333; font-size:24px;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q42 dt{ margin-top:1vh; font-size:16px; color:#666666; text-align:justify; line-height:170%; margin-bottom:2vh; margin-top:20px; height:60px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.q42 span{ display:inline-block; font-size:16px; color:#333333; cursor:pointer;}
.q42 em{ display:inline-block; font-size:20px; color:#cc0000; margin-left:10px; float:right;}
.q42 p:hover{
	color:#cc0000;
	text-decoration: underline;
}
.q42 span:hover{ color:#cc0000;}
.q42 li:hover{ box-shadow: 0 0 20px #e7e7e7;}
@media screen and (max-width: 1500px) {
.q42{ width:90%;}
}


.q48{ overflow:hidden;position: relative;background-image: linear-gradient(to right, #eeae1c , #d71219); padding-bottom:5px;}
.q48 img{ width:100%; object-fit: cover;}
.q48 ul{position:absolute; top:0px; left:0px; width:100%;}
.q48 dl{ width:80%; margin:0 auto; margin-top:45vh; text-align:left; color:#FFFFFF;}
.q48 p{ font-size:40px;font-family: "HYJunHei-CEJ"; font-weight:bolder; margin-top:10px;}
.q48 h2{
	font-size:50px; font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase; margin-top:10px;
	color:rgba(255, 255, 255, 0.5);
}
.q48 span{ display:inline-block; width:60px; height:3px; margin-top:15px; background-color:rgba(255, 255, 255, 0.3);}
@media screen and (max-width: 1500px) {
.q48 dl{ width:90%;}
}
.q49{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
}
.q49 li{ width:80%; margin:0 auto; height:80px;}
@media screen and (max-width: 1500px) {
.q49 li{ width:90%; height:80px;}
}
.q49 span{ display:inline-block; line-height:40px; margin-right:30px; cursor:pointer; font-size:18px; color:#333333; float:left; padding-bottom:20px; padding-top:20px;}
.q49 span:hover{ color:#274380; font-weight:bolder;}
.q49 dt{ float:left;position: relative; }
.q49 ul{
	position:absolute;
	top:80px;
	left:-15px;
	width:220%;
	background-color:#FFFFFF;
	z-index:99999999;
	display: none;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e3e3e3;
	border-right-color: #e3e3e3;
	border-bottom-color: #e3e3e3;
	border-left-color: #e3e3e3;
}
.q49 p{ line-height:35px; font-size:14px; cursor:pointer; padding-left:15px; position: relative;}
.q49 h2{position:absolute; right:0px; top:0px; z-index:9999;}
.q49 h3{ font-size:13px; line-height:27px; cursor:pointer; padding-left:25px; color:#333333;}
.q49 h3:hover{ color:#274380;}
.q49 em{ display:inline-block; font-size:13px;}
.q49 .q50 span{ color:#274380; font-weight:bolder;}
.q49 dt:hover ul{ display:block;}
.q49 dl{ float:right; font-size:16px; color:#666666; margin-top:10px; padding-top:20px;}
.q50{ height:70px; overflow:hidden;}
.q51{
	background-color:#f9f9f9;
	overflow:hidden;
	padding-bottom:20px;
	padding-top:3vh;
	background-repeat: no-repeat;
	background-position: left 300px;
	background-image: url(../images/casesa.png);
}
.q52{ width:80%; margin:0 auto; overflow:hidden;}
@media screen and (max-width: 1500px) {
.q52{ width:90%;}
}
.q53{ float:left; width:68%; overflow:hidden; box-sizing:border-box; padding:30px; border-radius:7px; background-color:#FFFFFF;}
.q54{
	overflow:hidden;
	margin-top:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2; padding-bottom:30px;
}
.q54 p{ font-size:30px; font-weight:bolder; color:#333;}
.q54 dl{ padding-top:20px; font-size:14px; color:#666;}
.q55{ overflow:hidden; font-size:16px; line-height:200%; color:#333333; text-align:justify;}
.q55 p{ margin-top:15px;}
.q55 img{ width:100%; max-width:700px;}
.q56{
	overflow:hidden;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #d6131a; margin-top:30px; padding-top:10px;
}
.q56 dl{ float:left;}
.q56 p{ font-size:16px; color:#333333; margin-bottom:10px; margin-top:10px;}
.q56 span{ display:inline-block; float:right; margin-top:20px; background-color:#d6131a; line-height:35px; padding-left:25px; padding-right:25px; font-size:16px; color:#FFFFFF; cursor:pointer; border-radius:30px;}
.q57{ float:right; width:28%; overflow:hidden; background-color:#FFFFFF; padding:20px; box-sizing:border-box; border-radius:7px;}
.q58{
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
}
.q58 span{
	display:inline-block;
	padding-bottom:15px;
	font-size:20px;
	font-weight:bolder;
	color:#333333;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #d6131a;
}
.q59{ overflow:hidden;}
.q59 li{ margin-top:20px; padding-bottom:20px;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;}
.q59 p{ font-size:18px; color:#666666; cursor:pointer; text-align:justify; line-height:150%;}
.q59 dl{ font-size:14px; color:#999999; margin-top:5px;}
.q59 li:hover p{
	text-decoration: underline;
}
.q60{ width:80%; margin:0 auto; overflow:hidden; margin-top:60px;}
@media screen and (max-width: 1500px) {
.q60{ width:90%;}
}
.q61{
	float:left;
	width:55%; border-radius:10px; box-sizing:border-box;
	border: 1px solid #e4e4e4;display: table; text-align:center;
}
.q61 dl{ width:100%; height:500px; text-align:center;display:table-cell; 
            vertical-align:middle;}
.q61 img{ max-width:90%; max-height:460px;}
.q62{ float:right; width:40%; overflow:hidden; padding-top:70px;}
.q63{ overflow:hidden;}
.q63 p{ font-size:24px; font-weight:bolder; color:#333333; margin-bottom:20px;}
.q63 span{ display:inline-block; width:50px; height:3px; background-color:#d6131a;}
.q63 dl{ text-align:justify; margin-top:30px; font-size:16px; color:#333333; line-height:170%; height:150px;}
.q64{ overflow:hidden;}
.q64 span{
	display:inline-block;
	background-color:#d6131a; border-radius:40px;
	line-height:50px;
	padding-left:35px;
	padding-right:35px;
	font-size:16px;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.q64 em{ display:inline-block; font-size:20px; margin-left:10px; float:right;}
.q64 span:hover{ padding-left:45px; padding-right:45px;}
.q65{ margin-top:60px; background-color:#f6f6f6; padding-bottom:60px; padding-top:60px; overflow:hidden;}
.q66{ width:80%; margin:0 auto; overflow:hidden;}
.q66 li{
	float:left;
	width:50%; padding-top:30px; padding-bottom:30px;
	border-right-width: 1px; overflow:hidden;
	border-right-style: solid;
	border-right-color: #e1e1e1; padding-right:7%; box-sizing:border-box;
}
.q66 li:nth-child(2n){ margin-right:0;border-right-width: 0px; padding-right:0%; padding-left:7%;}
.q66 dl{ overflow:hidden; font-size:26px; font-family: "HYJunHei-CEJ"; font-weight:bolder; line-height:30px;}
.q66 span{ display:inline-block; font-size:28px; float:left; color:#d6131a; margin-right:5px; font-weight:normal;}
.q66 dt{ padding-top:20px; font-size:16px; color:#666666; line-height:180%; text-align:justify; height:200px; overflow:auto; padding-right:15px;}
.q66 p{ margin-top:15px;}
@media screen and (max-width: 1500px) {
.q66{ width:90%;}
}
.q67{ text-align:center; font-size:50px; margin-top:50px; font-family: "HYJunHei-CEJ"; font-weight:bolder;}
.q68{ width:80%; margin:0 auto; margin-top:50px; font-size:16px; color:#333333; line-height:180%; text-align:justify;}
.q68 p{ margin-top:15px;}
@media screen and (max-width: 1500px) {
.q68{ width:90%;}
}
.q69{ width:80%; margin:0 auto; margin-top:50px; padding:10px 30px 30px 30px; box-sizing:border-box; overflow:hidden; background-color:#f6f6f6;}
@media screen and (max-width: 1500px) {
.q69{ width:90%;}
}
.q70{ overflow:hidden; background-color:#f6f6f6; padding-bottom:70px;}
.q71{ width:80%; margin:0 auto; overflow:hidden; margin-top:70px;}
.q71 dl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#d6131a;
	text-transform: uppercase;
}
.q71 p{ font-size:50px; color:#333333; margin-top:5px;}
@media screen and (max-width: 1500px) {
.q71{ width:90%;}
}
.q72{ width:80%; margin:0 auto; overflow:hidden; margin-top:20px;}
.q72 li{ float:left; width:23%; margin-right:2.6666%; text-align:center; margin-top:20px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q72 dl{ width:100%; box-sizing:border-box; height:250px;border: 1px solid #e9e9e9; display: table; text-align:center; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q72 dt{ width:100%; background-color:#FFFFFF;display:table-cell; 
            vertical-align:middle;  }
.q72 img{ max-width:90%; max-height:230px;}
.q72 p{ padding-top:15px; font-size:16px; color:#333333; padding-bottom:15px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q72 li:nth-child(4n){ margin-right:0;}
.q72 li:hover dl{border: 1px solid #2b4580;}
.q72 li:hover p{ background-color:#2b4580; color:#FFFFFF;}
@media screen and (max-width: 1500px) {
.q72{ width:90%;}
}
.q73{
	overflow:hidden;
	padding-bottom:150px;
	background-image: url(../images/serebg.jpg);background-size: cover;
	background-repeat: no-repeat; padding-top:30px;
	background-position: center center;
}
.q74{ width:80%; margin:0 auto; overflow:hidden; margin-top:70px;}
.q74 dl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ccc;
	text-transform: uppercase;
}
.q74 p{ font-size:50px; color:#fff; margin-top:5px;}
@media screen and (max-width: 1500px) {
.q74{ width:90%;}
}
.q75{ width:1400px; margin:0 auto; margin-top:70px; overflow:hidden; text-align:center;}
.q75 p{ font-size:5vh; color:#fff; margin-top:5vh; font-family: "hklhj";text-shadow:#333 5px 5px 5px;}
.q76{ width:80%; margin:0 auto; overflow:hidden; background-color:#FFFFFF; margin-top:0px; margin-bottom:40px; box-sizing:border-box; padding:0px 20px 20px 20px;}
@media screen and (max-width: 1500px) {
.q76{ width:90%;}
}
.q77{
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.q77 li{ float:left; width:40%; }
.q77 span{
	display:inline-block;
	font-size:18px;line-height:50px;
	font-weight:bolder;
	border-bottom-width: 3px;
	border-bottom-style: solid; color:#2b4580;
	border-bottom-color: #2b4580;
}
.q77 dl{ float:left; width:20%;}
.q78{ overflow:hidden; margin-top:20px;}
.q78 li{
	overflow:hidden;
	padding-bottom:15px;
	padding-top:15px; cursor:pointer;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}
.q78 dl{ float:left; width:40%; font-size:16px;}
.q78 dt{ float:left; width:20%; font-size:16px;}
.q78 li:hover{ color:#2b4580;}
.q79{ background-color:#f9f9f9; overflow:hidden; padding-top:50px;}
.q80{ overflow:hidden; margin-top:20px;}
.q80 p{ font-size:22px; font-weight:bolder; padding-bottom:20px;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;}
.q80 ul{ padding-bottom:20px; padding-top:10px; overflow:hidden;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;}
.q80 li{ width:33.333%; float:left; font-size:14px; color:#666666; padding-bottom:10px; padding-top:10px;}
.q80 span{ display:inline-block; font-weight:bolder; color:#000000;}
.q81{ overflow:hidden; font-size:14px; color:#333; line-height:200%; padding-top:20px;}
.q82{ width:80%; margin:0 auto; overflow:hidden; margin-top:0px;}
.q82 li{
	float:left;
	width:23%; box-sizing:border-box;
	margin-right:2.66666%; margin-top:40px;
	border: 1px solid #eeeeee;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q82 li:nth-child(4n){ margin-right:0;}
.q82 dl{ width:100%; height:250px;display: table; overflow:hidden; background-color:#FFFFFF;}
.q82 dt{display:table-cell; 
            vertical-align:middle; width:100%; height:250px; text-align:center;}
.q82 img{ max-width:100%; max-height:250px; object-fit: cover; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q82 p{ background-color:#eeeeee; line-height:50px; text-align:center; font-size:18px; color:#333333;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q82 li:hover{border: 1px solid #274380;}
.q82 li:hover p{ background-color:#274380; color:#FFFFFF;}
.q82 li:hover img{transform: scale(1.2, 1.2);}
@media screen and (max-width: 1500px) {
.q82 { width:90%;}
}
.q83{ width:1400px; margin:0 auto; overflow:hidden; margin-top:0px; padding-bottom:30px;}

.q84{ width:1400px; margin:0 auto; overflow:hidden; margin-top:0px;}
.q84 li{ background-color:#fff; width:31.333%; margin-right:3%; overflow:hidden; float:left; margin-top:40px;}
.q84 dl{ width:50%; float:left; height:250px; overflow:hidden;}
.q84 img{ width:100%; height:250px; object-fit: cover;}
.q84 li:nth-child(3n){ margin-right:0;}
.q84 dt{ float:right; width:50%; padding:15px; box-sizing:border-box;}
.q84 p{ font-family: "HYJunHei-CEJ"; font-weight:bolder; font-size:24px; color:#000;}
.q84 h3{ font-size:14px; color:#666; line-height:180%; margin-top:15px; text-align:justify;}
.q85{ width:1000px; margin:0 auto; margin-top:50px; font-size:20px; line-height:180%; font-family: "HYJunHei-CEJ"; font-weight:bolder; text-align:center; color:#333333;}
.q86{
	overflow:hidden;
	background-color:#FFFFFF;
	background-image:url(../images/bb_03.png);
	background-repeat: repeat-x;
	padding-bottom:50px;
	padding-top:00px;
	background-position: left bottom;
}
.q87{
	width:1400px;
	margin:0 auto;
	margin-top:50px;
	overflow:hidden;
	background-image: url(../images/lcx.png);
	background-repeat: repeat-x;
	background-position: left 200px;
}
.q87 li{
	float:left;
	width:150px;
	height:350px; margin-left:70px;
	background-image:url(../images/lc_03.png);
	background-repeat: no-repeat;
	background-position: center 50px; margin-top:125px;
}
.q87 p{ text-align:center;font-family:'Impact'; color:#274380; font-size:30px;}
.q87 dl{ text-align: justify; font-size:16px; line-height:180%;font-family: "HYJunHei-CEJ"; font-weight:bolder; color:#333333; margin-top:150px;}
.q87 li:nth-child(2n){ background-image:url(../images/lc_08.png); margin-top:0px;background-position: center 100px;}
.q87 li:nth-child(2n) dl{ margin-top:0px; height:240px;}
.q88{ width:80%; margin:0 auto; overflow:hidden; margin-top:0px;}
.q88 li{
	float:left;
	width:23%; box-sizing:border-box; background-color:#FFFFFF;
	margin-right:2.66666%; margin-top:40px;
	border: 1px solid #eeeeee;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.q88 li:nth-child(4n){ margin-right:0;}
.q88 dl{ width:100%; height:300px;display: table; overflow:hidden;}
.q88 dt{display:table-cell; 
            vertical-align:middle; width:100%; height:300px; text-align:center;}
.q88 img{ max-width:100%; max-height:300px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q88 p{ background-color:#eeeeee; line-height:50px; text-align:center; font-size:18px; color:#333333;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.q88 li:hover{border: 1px solid #274380;}
.q88 li:hover p{ background-color:#274380; color:#FFFFFF;}
.q88 li:hover img{transform: scale(1.2, 1.2);}
@media screen and (max-width: 1500px) {
.q88{ width:90%;}
}
.q89{
	background-color:#f9f9f9;
	overflow:hidden;
	padding-bottom:20px;
	padding-top:5vh;
	background-repeat: no-repeat;
	background-position: left 300px;
	background-image: url(../images/casesa.png);
}











.map { width:100%; height:500px;}


.w32{ background-color:#f9f9f9; overflow:hidden; padding-bottom:20px; padding-top:50px; margin-bottom:50px;}
.w33{
	width:80%;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
}
.w33 p{ font-size:30px; color:#333333; font-weight:bolder;}
.w33 dl{ font-size:24px; color:#333333; margin-top:20px;}
.w33 dt{ font-size:16px; color:#333333; margin-top:20px;}
@media screen and (max-width: 1500px) {
.w33{ width:90%;}
}
.w34{ width:80%; margin:0 auto; overflow:hidden; background-color:#FFFFFF; margin-top:40px; box-shadow: 0 0 20px #acacac; margin-bottom:40px;}
@media screen and (max-width: 1500px) {
.w34{ width:90%;}
}
.w35{ float:right; width:55%;}
.w36{ overflow:hidden; padding-top:50px; padding-left:50px; float:left;}
.w37{ font-size:28px; font-weight:bolder; color:#333333;}
.w38{ font-size:16px; line-height:200%; color:#333333; margin-top:30px;}
.w39{ width:80%; margin:0 auto; margin-top:20px; overflow:hidden;}
.w39 li{ width:48%; margin-right:4%; float:left; overflow:hidden; margin-top:40px;}
.w39 li:nth-child(2n){ margin-right:0;}
.w39 p{ font-size:20px; font-weight:bolder; margin-bottom:15px;}
.w39 span{ display:inline-block; font-size:16px; color:#2b4580; margin-right:5px;}
.w39 dl{ width:100%; margin-right:0%; float:left; overflow:hidden; margin-top:40px;}
@media screen and (max-width: 1500px) {
.w39{ width:90%;}
}
.w40{
	width:100%;
	line-height:50px;
	background-color:#f9f9f9;
	padding-left:15px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
	font-size:16px;
	box-sizing:border-box;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.w40:hover{ background-color:#f3f3f3;}
.w41{
	width:200px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	color:#fff;
	background-color:#274380;
	cursor:pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}







.q220{
	font-size:14px; padding:7px 10px 7px 10px;
	background-color:#FFFFFF; color:#333;
	border: 1px solid #F0F0F0;border-radius:5px 0px 0px 5px; margin-left:2px; margin-right:2px;
}
.q220:hover{ background-color:#274380; color:#FFFFFF;}
.q221{
	font-size:14px; padding:7px 10px 7px 10px;
	background-color:#FFFFFF; color:#333;
	border: 1px solid #F0F0F0;border-radius:0px 5px 5px 0px; margin-left:2px; margin-right:2px;
}
.q221:hover{ background-color:#274380; color:#FFFFFF;}
.page-num{
	font-size:14px; padding:7px 10px 7px 10px;
	background-color:#fff; color:#333;
	border: 1px solid #F0F0F0; margin-left:2px;
}
.pagee{
	text-align:center;
	overflow:hidden;
	font-size:14px;
	padding-top:20px;
	padding-bottom:50px; margin-top:30px;
}








.q001{ position:fixed; right:10px; top:300px; z-index:999999;}
.q001 li{
	cursor:pointer; text-align:center;
	margin-top:3px;
	background-repeat: no-repeat;
	background-position: center center;position:relative;
}
.q001 span{ font-size:30px; text-align:center;}
.q001 dt{
	position:absolute;
	right:-200px;
	top:0px;
	text-align:center;
	font-size:18px;
	color:#FFFFFF;  border-radius:10px;
transition: all .3s ease; background-color:#274380;
	background-repeat: no-repeat; display:inline-block; min-height:80px; padding-top:20px; padding-bottom:20px;
	background-position: right top; min-width:180px; box-sizing:border-box;
}
.q001 img{ width:120px;}
.q001 dl{ width:70px; height:70px; text-align:center; background-color:#274380; color:#fff; overflow:hidden; border-radius:5px; box-sizing:border-box; padding-top:15px;}
.q001 p{ font-size:12px; margin-top:2px;}
.q001 li:hover dl{ background-color:#333333;}
.q001 li:hover dt{right:75px; top:0px;}












/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    background-color: #F5F5F5;

}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
    background-color: #294787;

}

.clear{ clear:both;}